.goods-detail{
  background-color: #F3F6F9;
  .head{
    background-color: #fff;
  }
  .xm-swipe{
    height: 6.62rem;
    z-index: 1;
    img{
      width: 100%;
    }
    .mint-swipe-indicators{
      bottom: .32rem;
    }
    .mint-swipe-indicator{
      width: .12rem;
      height: .12rem;
      background: rgba(0,0,0,0.20);
      &.is-active{
        background: #FF3150;
        opacity: 1;
      }
    }
  }
  .xm-header-bar{
    position: fixed;
    top: 0;
    width: 100%;
  }
  .xm-header-title{
    span{
      margin: 0 .4rem;
      display: inline-block;
      font-weight: 400;
      display: inline-block;
      height: .88rem;
      line-height: .88rem;
      box-sizing: border-box;
    }
    .active{
      color: #FF4A4A;
      border-bottom: .05rem solid #FF4A4A;
    }
  }
  .mint-swipe{
    //margin-top: .88rem;
  }
  .goods-group{
    padding: .25rem .32rem;
    h3{
      font-size: .28rem;
      color: #333;
      font-weight: 500;
    }
    p{
      max-height: .72rem;
      line-height: .36rem;
      margin-top: .08rem;
      font-size: .26rem;
      color: #999;
      overflow: hidden;
    }
    .goods-price{
      margin-top: .24rem;
      color: #333;
      font-size: .24rem;
      .price{
        font-size: .36rem;
        color: #FF4A4A;
        line-height: .3rem;
        em{
          font-size: .24rem;
        }
      }
    }
  }
  .sale-group{
    padding: .18rem .32rem;
    font-size: .24rem;
    color: #333;
    div{
      padding: .07rem 0;
    }
    .tag{
      margin-right: .16rem;
    }
    .help{
      width: .24rem;
      height: .24rem;
      display: inline-block;
      background-image: url("../../assets/images/help.png");
      background-repeat: no-repeat;
      background-size: .24rem .24rem;
    }
  }
  .stock-group{
    padding: .18rem .32rem;
    .item{
      line-height: .48rem;
      font-size: .24rem;
      color: #333;
      .title{
        color: #999;
      }
      .tag{
        margin-left: .16rem;
      }
    }
  }
  .attr-group{
    margin: .16rem 0;
    padding: .28rem .32rem;
    font-size: .24rem;
    .attr-name{
      color: #333;
    }
  }
  .store-group{
    margin: .16rem 0;
    padding: .24rem .32rem;
    .icon.store{
      width: .28rem;
      height: .26rem;
      background-image: url("../../assets/images/store-2.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin-right: .18rem;
      display: inline-block;
      text-align: center;
    }
    .icon.icon-arrowright:before{
      padding-top: .24rem;
      display: inline-block;
    }
    .store-name{
      line-height: .42rem;
      font-size: .28rem;
      color: #333;
      font-weight: 400;
      i{
        margin-right: .17rem;
        font-size: .28rem;
        color: #999;
      }
    }
    .store-sale{
      margin-top: .09rem;
      line-height: .3rem;
      font-size: .2rem;
    }
  }

  .img-page{
    padding: .18rem .32rem;
    background-color: #fff;
    .detail-img{
      background-color: #fff;
      padding: .12rem;
      img{
        width: 100%;
      }
    }
  }
  .detail-size{
    dl{
      padding: .2rem 0;
      background-color: #fff;
      dd{
        height: .75rem;
        line-height: .75rem;
        border-bottom: 1px solid #ddd8ce;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        &:first-child{
          border-top: 1px solid #ddd8ce;
        }
        span{
          padding: 0 .3rem;
          &:first-child{
            width: 2.35rem;
            border-left: 1px solid #ddd8ce;
            border-right: 1px solid #ddd8ce;
          }
          &:last-child{
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            border-right: 1px solid #ddd8ce;
            overflow: hidden;
          }
        }
      }
    }
  }
  .attr-list{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 3.78rem;
    z-index: 12;
    background-color: #fff;
    .head{
      height: .88rem;
      line-height: .88rem;
      text-align: center;
      font-size: .28rem;
      color: #333;
      background: #F3F6F9;
      font-weight: 500;
    }
    .list{
      height: 2.58rem;
      box-sizing: border-box;
      overflow-y: auto;
      margin-top: .32rem;
      padding-bottom: .32rem;
      span{
        width: 2.07rem;
        height: .64rem;
        line-height: .64rem;
        display: inline-block;
        background-color: rgba(243, 246, 249, .9);
        color: #666;
        text-align: center;
        border-radius: .06rem;
        margin: .16rem;
        box-sizing: border-box;
        padding: 0 .16rem;
      }
    }
  }
  .close{
    background-image: url("../../assets/images/close-1.svg");
    background-size: .24rem .24rem;
    margin-right: .34rem;
  }


 .address-group{
   position: fixed;
   bottom: 0;
   width: 100%;
   background-color: #F3F6F9;
   z-index: 12;
   .head{
     box-sizing: border-box;
     height: 1.84rem;
     background-color: #fff;
     padding: .32rem;
     .close{
       margin-right: .18rem;
       margin-top: -.1rem;
     }
     img{
       width: 1.2rem;
       height: 1.2rem;
     }
     .goods-info{
       padding: .1rem .2rem;
       box-sizing: border-box;
       .goods-name{
         width: 5rem;
         height: .42rem;
         line-height: .42rem;
         margin-bottom: .18rem;
         font-size: .24rem;
         color: #333;
         font-weight: 500;
         em{
           margin-right: .08rem;
         }
       }
       .price{
         margin-top: .24rem;
         font-size: .36rem;
         color: #FF4A4A;
         line-height: .3rem;
         font-weight: 500;
         em{
           font-size: .24rem;
         }
       }
     }
   }
   .address-list{
     height: 5rem;
     margin-top: .16rem;
     padding:0 .32rem .16rem;
     overflow-y: auto;
     .add{
       display: inline-block;
       height: 1.12rem;
       line-height: 1.12rem;
       width: 100%;
       text-align: center;
       font-size: .24rem;
       color: #38D3FF;
       background-color: #fff;
       border-radius: .06rem;
     }
     .item{
       font-size: .24rem;
       line-height: .36rem;
       min-height: 1.36rem;
       margin-bottom: .16rem;
       padding: .38rem .24rem;
       background-color: #fff;
       box-sizing: border-box;
       color: #333;
       &:first-child{
         background:#fff url("../../assets/images/addr_b.jpg") top repeat-x;
       }
       .select{
         text-align: left;
       }
       .opts-num{
         box-sizing: border-box;
         width: 1.6rem;
         height: .48rem;
         margin-left: .5rem;
         border-radius: .06rem;
       }
     }
   }
   .icon.select{
     min-height: .44rem;
     line-height: .4rem;
     background-repeat: no-repeat;
     background-size: .44rem .44rem;
     padding-left: .6rem;
     display: inline-block;
     text-align: center;
     background-image: url("../../assets/images/select-1.png");
     background-position-y: center;
     &.selected{
       background-image: url("../../assets/images/select-1-hover.png");
     }

   }
   .opts{
     height: .98rem;
     line-height: .98rem;
     text-align: center;
     font-size: .24rem;
     .btn{
       height: 100%;
       margin: 0px;
       background: #E8EDF2;
       color: #CED4D9;
       .priceShow{
         color: inherit;
       }
     }
     .active{
       width: 3.6rem;
       background-color: #FF4A4A;
       color: #fff;
       em{
         font-size: .36rem;
       }
       .priceShow{
         color: #fff;
       }
     }
     .select-all{
       text-align: left;
       padding-left: .32rem;
       i{
         margin-left: .1rem;
         color: #999;
       }
     }
   }
 }

  .xm-footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    height: .98rem;
    line-height: .98rem;
    background-color: #fff;
    text-align: center;
    div>a{
      height: .98rem;
      line-height: 0;
      color: #666;
      p{
        font-size: .2rem;
        line-height: 0;
        display: block;
      }
    }
    .icon{
      width: .41rem;
      height: .39rem;
      margin: .15rem auto .2rem;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      text-align: center;
      &.favorite{
        background-image: url("../../assets/images/favorite-1.png");
      }
      &.purchase{
        background-image: url("../../assets/images/purchase.png");
        position: relative;
        .num{
          background: #FF4A4A;
          box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.10);
          color: #fff;
          border-radius: 100%;
          padding: .03rem .08rem;
          font-size: .2rem;
          margin-left: .25rem;
        }
      }
    }

    .join{
      width: 3.6rem;
      line-height: .98rem;
      font-size: .3rem;
      font-weight:500;
      display: inline-block;
      background: #FF4A4A;
      box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.10);
    }
  }

  .tip{
    height: .8rem;
    line-height: .8rem;
    padding: 0 .3rem;
    font-size:.24rem;
    color:#999;
    text-align: center;
  }
  //.attr-group{
  //  width: 100%;
  //  bottom: 1.2rem;
  //  position: fixed;
  //  background-color: #fff;
  //  z-index: 10;
  //  .tit{
  //    height: .8rem;
  //    line-height: .8rem;
  //    padding: 0 .3rem;
  //    background-color: #fff;
  //  }
  //  .list{
  //    height: 2.4rem;
  //    padding: .15rem .2rem;
  //    overflow-y: auto;
  //    span{
  //      height: .6rem;
  //      line-height: .6rem;
  //      margin: .1rem .15rem;
  //      padding: 0 .3rem;
  //      display: inline-block;
  //      border-radius: 4px;
  //      &.active{
  //        color: #ad1016;
  //        border-color: #ad1016;
  //      }
  //    }
  //  }
  //}

  .f1{
    font-weight: 400;
    font-size:.26rem;
  }
  .f38{
    font-size: .38rem;
    line-height: 0;
    font-weight: 400;
  }
  .del{
    font-size: .24rem;
    color: #999;
  }
  //.store-group{
  //  margin-top: .2rem;
  //  background-color: #fff;
  //  padding: .2rem .3rem;
  //  line-height: .5rem;
  //  font-size:.26rem;
  //  color:#666;
  //  .enter-store{
  //    height: .4rem;
  //    line-height: .4rem;
  //    color: #f99025;
  //    padding: 0 .1rem;
  //    border-color: #f99025;
  //    font-size: .24rem;
  //  }
  //  dl{
  //    dd.padd-2{
  //      margin-bottom: .2rem;
  //      padding-bottom: .2rem;
  //    }
  //  }
  //}

}
